<html>
    <title>Room Draw</title>
    <head>
        <link rel="stylesheet" type="text/css" href="css/styles.css">
        <script type="text/javascript" src="js/funs.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
        <link rel="icon" type="image/png" href="images/favicon.png" />
    </head>
    <body>
        <article>
                <?php
                    //Code for displaying header and greeting
                    require('modules/connect.php');
                    $query="    SELECT *
                                FROM user as u
                                WHERE u.sid=$id";
                    $result=mysqli_query($con, $query);
                    $row = mysqli_fetch_assoc($result);
                    $first = $row['First_Name'];
                    mysqli_close($con);

                    echo
                    "
                        <div class='heading'>
                            <h1>Welcome to Room Draw!</h1>
                            <h3>Welcome to Room Draw, $first!</h3>
                        </div>";


                    echo "<div class='friends styled'>";
                    echo "<input class=\"button\" type=\"button\" onclick=\"window.location.href='modules/friend_chooser.php'\"  value=\"Add a friend\" />";
                    require('modules/ft_index.php');
                    echo "</div><div class=\"right\"><input type='button' value='Room Chooser' 
                    onClick=\"window.location.href='modules/room_chooser.php'\" class=\"button\">";
                    require('modules/rt_index.php');
                    echo "</div></div>";
                ?>
          </article>             
                <footer>
                    <p>Posted by: Team Vollun</p>
                    <p><time pubdate datetime="2013-04-03"></time></p>
                </footer>
    </body>
</html>